/* pages/dealRecord/index.wxss */
.graphBox {
  position: relative;
  width: 100%;
  background-color: white;
  margin-bottom: var(--main-div-margin);
  box-shadow: var(--main-div-shadow);

  .headBox {
    margin-top: 10rpx;

    .title {
      width: 100%;
      height: 60rpx;
      line-height: 60rpx;
      text-indent: 20rpx;
      font-size: var(--main-font-size);
      font-weight: bold;
      background-color: white;
    }

    .more {
      height: 60rpx;
      line-height: 60rpx;
      text-align: right;
      color: #9a9a9a;
      font-size: var(--small-font-size);
    }
  }
  .echartsBox {
    width: 100%;
    height: 600rpx;
  }
}

.recordListBox {
  position: relative;
  width: 100%;
  background-color: white;
  margin-bottom: var(--main-div-margin);
  box-shadow: var(--main-div-shadow);
  .headBox {
    margin-top: 10rpx;
    .title {
      width: 100%;
      height: 60rpx;
      line-height: 60rpx;
      text-indent: 20rpx;
      font-size: var(--main-font-size);
      font-weight: bold;
      background-color: white;
    }

    .more {
      height: 60rpx;
      line-height: 60rpx;
      text-align: right;
      color: #9a9a9a;
      font-size: var(--small-font-size);
    }
  }
  .recordList{
    margin-top: 10rpx;
    .recordItemBox{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      width: 100%;
      height: 280rpx;
      border-bottom:1px solid #9A9A9A;
      padding: 30rpx 0;
      .recordItem{
        display: flex;
        justify-content: space-between;
        padding-left: 20rpx;
        padding-right: 20rpx;
        .rig{
          color: #9A9A9A;
        }
      }
    }
  }
}